<template>
  <div>
    <el-form :model="ruleForm"  ref="ruleForm" label-width="140px" class="demo-ruleForm" size="mini">
      <el-row>
        <el-col :span="8">
          <el-form-item label="客户编号">
            <el-input v-model="ruleForm.entNo" disabled></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="客户名称" prop="entName">
            <el-input v-model="ruleForm.entName"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="曾用名">
            <el-input v-model="ruleForm.formerName"></el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item label="基本开户许可证">
            <el-input v-model="ruleForm.openAccountlicence"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="基本开户行">
            <el-input v-model="ruleForm.openAccountbank"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="项目来源" prop="projectSources">
            <el-select v-model="ruleForm.projectSources" placeholder="请选择项目来源" style="width: 100%;">
              <el-option label="项目经理营销" value="0"></el-option>
              <el-option label="存量客户" value="1"></el-option>
              <el-option label="银行推荐" value="2"></el-option>
              <el-option label="合作单位推荐" value="3"></el-option>
              <el-option label="其他" value="4"></el-option>
              <el-option label="相关部门及区局推荐" value="5"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item label="区域(注册地)" prop="area">
            <el-select v-model="ruleForm.area" placeholder="请选择区域" style="width: 100%;">
              <el-option label="杭州" value="0"></el-option>
              <el-option label="北京" value="1"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="所属行业" prop="industry">
            <el-select v-model="ruleForm.industry" placeholder="请选择活动区域" style="width: 100%;">
              <el-option label="采矿业" value="0"></el-option>
              <el-option label="制造业" value="1"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="所属行业工信部" prop="industryPro">
            <el-select v-model="ruleForm.industryPro" placeholder="请选择活动区域" style="width: 100%;">
              <el-option label="农,林，木，渔业" value="0"></el-option>
              <el-option label="工业" value="1"></el-option>
              <el-option label="建筑业" value="2"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item label="通讯地址">
            <el-input v-model="ruleForm.mailAddress"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="企业联系电话">
            <el-input v-model="ruleForm.entPhone"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="电子信箱">
            <el-input v-model="ruleForm.entEmail"></el-input>
          </el-form-item>
        </el-col>
      </el-row>

    </el-form>

  </div>
</template>

<script>
export default {
  data() {
    return {
      ruleForm: {
        entNo: "",
        entName: "",
        formerName: "",
        openAccountlicence: "",
        openAccountbank: "",
        projectSources: "",
        area: "",
        industry: "",
        industryPro: "",
        mailAddress: "",
        entPhone: "",
        entEmail: "",
      },
      rules: {
        entName: [
          { required: true, message: "请输入客户名称", trigger: "blur" }
        ],
        projectSources: [
          { required: true, message: "请选择项目来源", trigger: "change" }
        ],
        area: [{ required: true, message: "请选择区域", trigger: "change" }],
        industry: [
          { required: true, message: "请选择所属行业", trigger: "change" }
        ],
        industryPro: [
          { required: true, message: "请选择所属行业工信部", trigger: "change" }
        ]
      },
      status: false
    };
  },
  methods: {
    getdata() {
      return this.ruleForm;
    },
    submitForm(formName) {
      this.$refs[formName].validate(valid => {
      });
    },
    resetForm(formName) {
      this.$refs[formName].resetFields();
    }
  }
};
</script>
<style lang='scss' scoped>
</style>